<!DOCTYPE html>
<html lang="en">
<head>
    <title>功能演示</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- <meta ng-include="'head.html'"> -->
    <style type="text/css">
        .view{ height:50% }
        .H100{ height: 100% }
        thead>tr{ color:#000 }
        tr{ color:#8B1C62; cursor:pointer }
    </style>
    <script src="../lib/js/jquery.min.js" type="text/javascript"></script>
    <script src="../js/build.js" type="text/javascript"></script>
    <script src="../js/public.js" type="text/javascript"></script>

</head>
<body class="flat-blue">
<div class="app-container H100" ng-app="myApp" ng-controller="myCtrl">
    <div class="row content-container H100">
        <div ng-include="'menus.html'" onload="loadReady()"></div>
        <div class="container-fluid H100">
            <div class="side-body H100 padding-top" id="main" style="padding-top: 55px;">
                <!------------------Main---------------->

                <div class="row H100" style="background-color: #eee; margin-right: 0px; ">
                    <div class="col-md-8 column H100" style="padding-right: 1px">
                        <div class="view" style="min-height:360px" id="view1">

                        </div>
                        <div class="view" style="min-height:360px" id="view2">

                        </div>
                    </div>

                    <div class="col-md-4 column H100" style="background-color: #fff; padding-left: 0px">
                        <div id="node" style="color:#00f; text-align:center; font-size:14px; font-weight:800;margin-bottom:20px;">干部人员详情</div>
                        <table class="table" id="tb1">
                            <thead>
                            <tr>
                                <th>姓名</th>
                                <th>学历</th>
                                <th>地区</th>
                                <th>职务</th>
                            </tr>
                            </thead>
                            <tbody id="tbody1">
                            <tr>
                                <td>王某某</td>
                                <td>雨城区</td>
                                <td>7527</td>
                                <td>6021</td>
                            </tr>
                            <tr>
                                <td>王某某</td>
                                <td>雨城区</td>
                                <td>7527</td>
                                <td>6021</td>
                            </tr>
                            <tr>
                                <td>王某某</td>
                                <td>雨城区</td>
                                <td>7527</td>
                                <td>6021</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

                <!------------------End Main---------------------->
            </div>  <!--End side-body-->
        </div>  <!--End container-fluid-->
    </div>  <!--End content-container-->
    <div ng-include="'footer.html'"></div>
</div>  <!--End app-container-->
<script src="../lib/js/echarts.v4.min.js"></script>
<script src="../js/map/yaan.js"></script>
<script src="../js/graph-analysis.js"></script>

<script language="javascript">
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {
        loadCtlBase($scope);
    });


    var source = [
        { names:['硕士以以上', '本科', '专科', '高中'], data: [
            {'name':'县委', 'value':[15, 30, 18, 10]},
            {'name':'县人大', 'value':[5, 40, 38, 15]},
            {'name':'县政府', 'value':[10, 20, 10, 8]},
            {'name':'县政协', 'value':[2, 10, 18, 25]}
        ]},
        { names:['硕士以以上', '本科', '专科', '高中'], data: [
            {'name':'宝兴县', 'value':[15, 30, 18, 10]},
            {'name':'天全县', 'value':[5, 40, 38, 15]},
            {'name':'荥经县', 'value':[10, 20, 10, 8]},
            {'name':'芦山县', 'value':[2, 10, 18, 25]},
            {'name':'汉源县', 'value':[5, 40, 38, 15]},
            {'name':'石棉县', 'value':[10, 20, 10, 8]},
            {'name':'名山区', 'value':[2, 10, 18, 25]},
            {'name':'雨城区', 'value':[15, 30, 18, 10]}
        ]}
    ];


    drawBarType("view1", source[1].data, source[1].names, "各地区干部学历分布", 1, function(n){
        source[0].data = source[0].data.map(function(item){
            return {'name': item.name, 'value':[d(8, 42), d(8, 42), d(8, 42), d(8, 42)]};
        });
        drawBarType("view2", source[0].data, source[0].names, '四大班子学历分布 - ' + n);
    });

    drawBarType("view2", source[0].data, source[0].names, '四大班子学历分布 - 雨城区');
    setTable(null, 15);




    //drawPie("viewRT");

//
//    drawMapCity("view1");
//
//    drawPie("viewMT", "雅安地区");
//    drawBar("viewMB");
//
//    drawBars("viewRB");
//
//    drawData("viewRT");

</script>

</body>
</html>
